function themeStyleSheet({themeColor1 = '#4FC1E9', themeColor2 = '#2F80ED', themeColorSelect = '#4FC1E9', themeColorKv = '#fff'}) {
  return `
      .theme-select {color: ${themeColorSelect};}
      .theme-select-hover:hover {color: ${themeColorSelect} !important;}
      .theme-gradient-row {background: linear-gradient(90deg,${themeColor1} 0%,${themeColor2} 100%);}
      .theme-gradient-col {background: linear-gradient(0deg,${themeColor1} 0%,${themeColor2} 100%);}
      .theme-gradient-f45 {background: linear-gradient(0deg,${themeColor1} 0%,${themeColor2} 100%);}
      .theme-gradient-row-hover:hover {background: linear-gradient(90deg,${themeColor1} 0%,${themeColor2} 100%);}
      .theme-gradient-col-hover:hover {background: linear-gradient(0deg,${themeColor1} 0%,${themeColor2} 100%);}
      .theme-gradient-f45-hover:hover {background: linear-gradient(0deg,${themeColor1} 0%,${themeColor2} 100%);}
      .theme-kv {color: ${themeColorKv};}
      .theme-kv-bg {background: ${themeColorKv};}
      .theme-select::after {color: ${themeColorSelect};}
      .theme-gradient-row::after {background: linear-gradient(90deg,${themeColor1} 0%,${themeColor2} 100%);}
      .theme-gradient-col::after  {background: linear-gradient(0deg,${themeColor1} 0%,${themeColor2} 100%);}
      .theme-gradient-f45::after  {background: linear-gradient(0deg,${themeColor1} 0%,${themeColor2} 100%);}
      .theme-kv::after  {color: ${themeColorKv};}
      .theme-select::before {color: ${themeColorSelect};}
      .theme-gradient-row::before {background: linear-gradient(90deg,${themeColor1} 0%,${themeColor2} 100%);}
      .theme-gradient-col::before  {background: linear-gradient(0deg,${themeColor1} 0%,${themeColor2} 100%);}
      .theme-gradient-f45::before  {background: linear-gradient(0deg,${themeColor1} 0%,${themeColor2} 100%);}
      .theme-kv::before  {color: ${themeColorKv};}
      
      .kv-bullet {color: ${themeColorKv};}
      .kv-bullet-active {background: ${themeColorKv};}
    `;
}

export default themeStyleSheet;
